<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
    <head th:include="/common/common_head :: commonHeader('首页')"></head>
    <link th:href="@{assets/global/plugins/layer/skin/default/layer-custom.css}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" th:href="@{assets/global/plugins/bootstrap-addtabs/bootstrap.addtabs.css}" type="text/css" media="screen" />
    <body class="page-header-fixed page-sidebar-closed-hide-logo page-container-bg-solid">
        <!-- BEGIN HEADER -->
        <div class="page-header navbar navbar-fixed-top">
            <!-- BEGIN HEADER INNER -->
            <div class="page-header-inner ">
                <!-- BEGIN LOGO -->
                <div class="page-logo">
                    <a href="index.html">
                        <img src="assets/layouts/layout2/img/logo-default.png" alt="logo" class="logo-default" />
                    </a>
                    <div class="menu-toggler sidebar-toggler">
                        <!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
                    </div>
                </div>
                <!-- END LOGO -->
                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse"> </a>
                <!-- END RESPONSIVE MENU TOGGLER -->
                <!-- BEGIN PAGE ACTIONS -->
                <!-- DOC: Remove "hide" class to enable the page header actions -->
                <div class="page-actions">
                    <div class="btn-group">
                        <button type="button" class="btn btn-circle btn-outline red dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-plus"></i>&nbsp;
                            <span class="hidden-sm hidden-xs">增加&nbsp;</span>&nbsp;
                            <i class="fa fa-angle-down"></i>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-docs"></i> 添加用户 </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-tag"></i> 添加部门 </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-share"></i> 添加角色 </a>
                            </li>
                            <li class="divider"> </li>
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-flag"></i> 消息
                                    <span class="badge badge-success">4</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-users"></i> 待办
                                    <span class="badge badge-danger">2</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- END PAGE ACTIONS -->
                <!-- BEGIN PAGE TOP -->
                <div class="page-top">
                    <!-- BEGIN HEADER SEARCH BOX -->
                    <!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box -->
                    <form class="search-form search-form-expanded" action="page_general_search_3.html" method="GET">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="搜索..." name="query">
                            <span class="input-group-btn">
                                <a href="javascript:;" class="btn submit">
                                    <i class="icon-magnifier"></i>
                                </a>
                            </span>
                        </div>
                    </form>
                    <!-- END HEADER SEARCH BOX -->
                    <!-- BEGIN TOP NAVIGATION MENU -->
                    <div class="top-menu">
                        <ul class="nav navbar-nav pull-right">
                            <!-- BEGIN NOTIFICATION DROPDOWN -->
                            <!-- DOC: Apply "dropdown-dark" class below "dropdown-extended" to change the dropdown styte -->
                            <!-- DOC: Apply "dropdown-hoverable" class after below "dropdown" and remove data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to enable hover dropdown mode -->
                            <!-- DOC: Remove "dropdown-hoverable" and add data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to the below A element with dropdown-toggle class -->
                            <li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                    <i class="icon-bell"></i>
                                    <span class="badge badge-default"> 7 </span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li class="external">
                                        <h3>
                                            <span class="bold">12 pending</span> notifications</h3>
                                        <a href="page_user_profile_1.html">view all</a>
                                    </li>
                                    <li>
                                        <ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="time">just now</span>
                                                    <span class="details">
                                                        <span class="label label-sm label-icon label-success">
                                                            <i class="fa fa-plus"></i>
                                                        </span> New user registered. </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="time">3 mins</span>
                                                    <span class="details">
                                                        <span class="label label-sm label-icon label-danger">
                                                            <i class="fa fa-bolt"></i>
                                                        </span> Server #12 overloaded. </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="time">10 mins</span>
                                                    <span class="details">
                                                        <span class="label label-sm label-icon label-warning">
                                                            <i class="fa fa-bell-o"></i>
                                                        </span> Server #2 not responding. </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="time">14 hrs</span>
                                                    <span class="details">
                                                        <span class="label label-sm label-icon label-info">
                                                            <i class="fa fa-bullhorn"></i>
                                                        </span> Application error. </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="time">2 days</span>
                                                    <span class="details">
                                                        <span class="label label-sm label-icon label-danger">
                                                            <i class="fa fa-bolt"></i>
                                                        </span> Database overloaded 68%. </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="time">3 days</span>
                                                    <span class="details">
                                                        <span class="label label-sm label-icon label-danger">
                                                            <i class="fa fa-bolt"></i>
                                                        </span> A user IP blocked. </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="time">4 days</span>
                                                    <span class="details">
                                                        <span class="label label-sm label-icon label-warning">
                                                            <i class="fa fa-bell-o"></i>
                                                        </span> Storage Server #4 not responding dfdfdfd. </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="time">5 days</span>
                                                    <span class="details">
                                                        <span class="label label-sm label-icon label-info">
                                                            <i class="fa fa-bullhorn"></i>
                                                        </span> System Error. </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="time">9 days</span>
                                                    <span class="details">
                                                        <span class="label label-sm label-icon label-danger">
                                                            <i class="fa fa-bolt"></i>
                                                        </span> Storage server failed. </span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <!-- END NOTIFICATION DROPDOWN -->
                            <!-- BEGIN INBOX DROPDOWN -->
                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
                            <li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                    <i class="icon-envelope-open"></i>
                                    <span class="badge badge-default"> 4 </span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li class="external">
                                        <h3>You have
                                            <span class="bold">7 New</span> Messages</h3>
                                        <a href="app_inbox.html">view all</a>
                                    </li>
                                    <li>
                                        <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
                                            <li>
                                                <a href="#">
                                                    <span class="photo">
                                                        <img src="assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
                                                    <span class="subject">
                                                        <span class="from"> Lisa Wong </span>
                                                        <span class="time">Just Now </span>
                                                    </span>
                                                    <span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <span class="photo">
                                                        <img src="assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
                                                    <span class="subject">
                                                        <span class="from"> Richard Doe </span>
                                                        <span class="time">16 mins </span>
                                                    </span>
                                                    <span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <span class="photo">
                                                        <img src="assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
                                                    <span class="subject">
                                                        <span class="from"> Bob Nilson </span>
                                                        <span class="time">2 hrs </span>
                                                    </span>
                                                    <span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <span class="photo">
                                                        <img src="assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
                                                    <span class="subject">
                                                        <span class="from"> Lisa Wong </span>
                                                        <span class="time">40 mins </span>
                                                    </span>
                                                    <span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <span class="photo">
                                                        <img src="assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
                                                    <span class="subject">
                                                        <span class="from"> Richard Doe </span>
                                                        <span class="time">46 mins </span>
                                                    </span>
                                                    <span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <!-- END INBOX DROPDOWN -->
                            <!-- BEGIN TODO DROPDOWN -->
                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
                            <li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                    <i class="icon-calendar"></i>
                                    <span class="badge badge-default"> 3 </span>
                                </a>
                                <ul class="dropdown-menu extended tasks">
                                    <li class="external">
                                        <h3>You have
                                            <span class="bold">12 pending</span> tasks</h3>
                                        <a href="app_todo.html">view all</a>
                                    </li>
                                    <li>
                                        <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="task">
                                                        <span class="desc">New release v1.2 </span>
                                                        <span class="percent">30%</span>
                                                    </span>
                                                    <span class="progress">
                                                        <span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="sr-only">40% Complete</span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="task">
                                                        <span class="desc">Application deployment</span>
                                                        <span class="percent">65%</span>
                                                    </span>
                                                    <span class="progress">
                                                        <span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="sr-only">65% Complete</span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="task">
                                                        <span class="desc">Mobile app release</span>
                                                        <span class="percent">98%</span>
                                                    </span>
                                                    <span class="progress">
                                                        <span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="sr-only">98% Complete</span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="task">
                                                        <span class="desc">Database migration</span>
                                                        <span class="percent">10%</span>
                                                    </span>
                                                    <span class="progress">
                                                        <span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="sr-only">10% Complete</span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="task">
                                                        <span class="desc">Web server upgrade</span>
                                                        <span class="percent">58%</span>
                                                    </span>
                                                    <span class="progress">
                                                        <span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="sr-only">58% Complete</span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="task">
                                                        <span class="desc">Mobile development</span>
                                                        <span class="percent">85%</span>
                                                    </span>
                                                    <span class="progress">
                                                        <span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="sr-only">85% Complete</span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">
                                                    <span class="task">
                                                        <span class="desc">New UI release</span>
                                                        <span class="percent">38%</span>
                                                    </span>
                                                    <span class="progress progress-striped">
                                                        <span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="sr-only">38% Complete</span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <!-- END TODO DROPDOWN -->
                            <!-- BEGIN USER LOGIN DROPDOWN -->
                            <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
                            <li class="dropdown dropdown-user">
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                    <img alt="" class="img-circle" th:src="@{${filePath}}" />
                                    <span class="username username-hide-on-mobile"> <shiro:principal type="com.qiyu.admin.system.model.User" property="userName"/> </span>
                                    <i class="fa fa-angle-down"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-default">
                                    <li>
                                        <a id="personalInfo" href="#">
                                            <i class="icon-user"></i>个人信息 </a>
                                    </li>
                                    <!--<li>-->
                                        <!--<a href="app_calendar.html">-->
                                            <!--<i class="icon-calendar"></i> My Calendar </a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="app_inbox.html">-->
                                            <!--<i class="icon-envelope-open"></i> My Inbox-->
                                            <!--<span class="badge badge-danger"> 3 </span>-->
                                        <!--</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="app_todo_2.html">-->
                                            <!--<i class="icon-rocket"></i> My Tasks-->
                                            <!--<span class="badge badge-success"> 7 </span>-->
                                        <!--</a>-->
                                    <!--</li>-->
                                    <!--<li class="divider"> </li>-->
                                    <!--<li>-->
                                        <!--<a href="page_user_lock_1.html">-->
                                            <!--<i class="icon-lock"></i> Lock Screen </a>-->
                                    <!--</li>-->
                                    <li>
                                        <a href="logout">
                                            <i class="icon-key"></i> 退出登录 </a>
                                    </li>
                                </ul>
                            </li>
                            <!-- END USER LOGIN DROPDOWN -->
                        </ul>
                    </div>
                    <!-- END TOP NAVIGATION MENU -->
                </div>
                <!-- END PAGE TOP -->
            </div>
            <!-- END HEADER INNER -->
        </div>
        <!-- END HEADER -->
        <!-- BEGIN HEADER & CONTENT DIVIDER -->
        <div class="clearfix"> </div>
        <!-- END HEADER & CONTENT DIVIDER -->
        <!-- BEGIN CONTAINER -->
        <div class="page-container">
            <!-- BEGIN SIDEBAR -->
            <div class="page-sidebar-wrapper">
                <!-- END SIDEBAR -->
                <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
                <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
                <div class="page-sidebar navbar-collapse collapse">
                    <!-- BEGIN SIDEBAR MENU -->
                    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
                    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
                    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
                    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
                    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
                    <ul class="page-sidebar-menu  page-header-fixed page-sidebar-menu-hover-submenu " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
                        <li class="nav-item active open">
                            <a href="javascript:;" onclick="location.reload()" class="nav-link nav-toggle">
                                <i class="icon-home"></i>
                                <span class="title">首页</span>
                                <span class="selected"></span>
                                <span class="arrow open"></span>
                            </a>
                        </li>
                        <li class="nav-item  ">
                            <a href="#" class="nav-link nav-toggle" data-addtab="userManager" data-ajax="true" data-url="user/main">
                                <i class="icon-diamond"></i>
                                <span class="title">用户管理</span>
                                <span class="arrow open"></span>
                            </a>
                        </li>
                        <li class="nav-item  ">
                            <a href="#" class="nav-link nav-toggle" data-addtab="depManager" data-ajax="true" data-url="dep/main">
                                <i class="icon-puzzle"></i>
                                <span class="title">部门管理</span>
                                <span class="arrow"></span>
                            </a>
                        </li>
                        <li class="nav-item  ">
                            <a href="#" class="nav-link nav-toggle" data-addtab="funManager" data-ajax="true" data-url="function/main">
                                <i class="icon-settings"></i>
                                <span class="title">菜单管理</span>
                                <span class="arrow"></span>
                            </a>
                        </li>
                        <li class="nav-item  ">
                            <a href="javascript:;" class="nav-link nav-toggle">
                                <i class="icon-bulb"></i>
                                <span class="title">角色管理</span>
                                <span class="arrow"></span>
                            </a>
                        </li>
                        <li class="nav-item  ">
                            <a href="javascript:;" class="nav-link nav-toggle">
                                <i class="icon-briefcase"></i>
                                <span class="title">日志管理</span>
                                <span class="arrow"></span>
                            </a>
                        </li>
                        <li class="nav-item  ">
                            <a href="javascript:;" class="nav-link nav-toggle" data-addtab="schedulerManager" data-ajax="true" data-url="scheduler/main">
                                <i class="icon-wallet"></i>
                                <span class="title">定时器</span>
                                <span class="arrow"></span>
                            </a>
                        </li>
                        <li class="nav-item  ">
                            <a href="javascript:;" class="nav-link nav-toggle" >
                                <i class="icon-feed"></i>
                                <span class="title">数据字典</span>
                                <span class="arrow"></span>
                            </a>
                        </li>
                        <li class="nav-item  ">
                            <a href="#" class="nav-link nav-toggle" data-addtab="sessionManager" data-ajax="true" data-url="session/view">
                                <i class=" icon-wrench"></i>
                                <span class="title">会话管理</span>
                                <span class="arrow"></span>
                            </a>
                        </li>
                    </ul>
                    <!-- END SIDEBAR MENU -->
                </div>
                <!-- END SIDEBAR -->
            </div>
            <!-- END SIDEBAR -->
            <!-- BEGIN CONTENT -->
            <div class="page-content-wrapper">
                <!-- BEGIN CONTENT BODY -->
                <div class="page-content">
                    <!--<h1 class="page-title"> QiYuAdmin-->
                        <!--<small>是一款企业级的后台基础框架,采用了最流行的技术,可以简单快速地开发出企业级的Web应用系统。在线人数: <span class="font-green-sharp" th:text="${onlineCount}"></span></small>-->
                    <!--</h1>-->

                        <!-- Nav tabs -->
                            <ul class="nav nav-tabs" style="background-color: white;" role="tablist">
                                <li role="presentation" class="active" style="margin-left:7px;">
                                    <a href="#home" aria-controls="home" role="tab" data-toggle="tab">
                                        <i class="icon-home"></i><span class="title">首页</span>
                                    </a></li>
                            </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="home">
                                <div class="row">
                                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                        <div class="dashboard-stat2 ">
                                            <div class="display">
                                                <div class="number">
                                                    <h3 class="font-green-sharp">
                                                        <span data-counter="counterup" data-value="7800">0</span>
                                                        <small class="font-green-sharp">$</small>
                                                    </h3>
                                                    <small>利润总额</small>
                                                </div>
                                                <div class="icon">
                                                    <i class="icon-pie-chart"></i>
                                                </div>
                                            </div>
                                            <div class="progress-info">
                                                <div class="progress">
                                        <span style="width: 76%;" class="progress-bar progress-bar-success green-sharp">
                                            <span class="sr-only">76% 进度</span>
                                        </span>
                                                </div>
                                                <div class="status">
                                                    <div class="status-title"> 进度 </div>
                                                    <div class="status-number"> 76% </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                        <div class="dashboard-stat2 ">
                                            <div class="display">
                                                <div class="number">
                                                    <h3 class="font-red-haze">
                                                        <span data-counter="counterup" data-value="1349">0</span>
                                                    </h3>
                                                    <small>新的反馈</small>
                                                </div>
                                                <div class="icon">
                                                    <i class="icon-like"></i>
                                                </div>
                                            </div>
                                            <div class="progress-info">
                                                <div class="progress">
                                        <span style="width: 85%;" class="progress-bar progress-bar-success red-haze">
                                            <span class="sr-only">85% 更改</span>
                                        </span>
                                                </div>
                                                <div class="status">
                                                    <div class="status-title"> 更改 </div>
                                                    <div class="status-number"> 85% </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                        <div class="dashboard-stat2 ">
                                            <div class="display">
                                                <div class="number">
                                                    <h3 class="font-blue-sharp">
                                                        <span data-counter="counterup" data-value="567"></span>
                                                    </h3>
                                                    <small>新订单</small>
                                                </div>
                                                <div class="icon">
                                                    <i class="icon-basket"></i>
                                                </div>
                                            </div>
                                            <div class="progress-info">
                                                <div class="progress">
                                        <span style="width: 45%;" class="progress-bar progress-bar-success blue-sharp">
                                            <span class="sr-only">45% 成长</span>
                                        </span>
                                                </div>
                                                <div class="status">
                                                    <div class="status-title"> 成长 </div>
                                                    <div class="status-number"> 45% </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                        <div class="dashboard-stat2 ">
                                            <div class="display">
                                                <div class="number">
                                                    <h3 class="font-purple-soft">
                                                        <span data-counter="counterup" data-value="276"></span>
                                                    </h3>
                                                    <small>新用户</small>
                                                </div>
                                                <div class="icon">
                                                    <i class="icon-user"></i>
                                                </div>
                                            </div>
                                            <div class="progress-info">
                                                <div class="progress">
                                        <span style="width: 57%;" class="progress-bar progress-bar-success purple-soft">
                                            <span class="sr-only">56% 更改</span>
                                        </span>
                                                </div>
                                                <div class="status">
                                                    <div class="status-title"> 更改 </div>
                                                    <div class="status-number"> 57% </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-6 col-xs-12 col-sm-12">
                                        <div class="portlet light portlet-fit ">
                                            <div class="portlet-title">
                                                <div class="caption">
                                                    <i class="icon-directions font-green hide"></i>
                                                    <span class="caption-subject bold font-dark uppercase "> 流程</span>
                                                    <span class="caption-helper">Horizontal Timeline</span>
                                                </div>
                                                <div class="actions">
                                                    <div class="btn-group">
                                                        <a class="btn blue btn-outline btn-circle btn-sm" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> Actions
                                                            <i class="fa fa-angle-down"></i>
                                                        </a>
                                                        <ul class="dropdown-menu pull-right">
                                                            <li>
                                                                <a href="javascript:;"> Action 1</a>
                                                            </li>
                                                            <li class="divider"> </li>
                                                            <li>
                                                                <a href="javascript:;">Action 2</a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;">Action 3</a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;">Action 4</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="portlet-body">
                                                <div class="cd-horizontal-timeline mt-timeline-horizontal" data-spacing="60">
                                                    <div class="timeline">
                                                        <div class="events-wrapper">
                                                            <div class="events">
                                                                <ol>
                                                                    <li>
                                                                        <a href="#0" data-date="16/01/2014" class="border-after-red bg-after-red selected">16 Jan</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="28/02/2014" class="border-after-red bg-after-red">28 Feb</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="20/04/2014" class="border-after-red bg-after-red">20 Mar</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="20/05/2014" class="border-after-red bg-after-red">20 May</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="09/07/2014" class="border-after-red bg-after-red">09 Jul</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="30/08/2014" class="border-after-red bg-after-red">30 Aug</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="15/09/2014" class="border-after-red bg-after-red">15 Sep</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="01/11/2014" class="border-after-red bg-after-red">01 Nov</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="10/12/2014" class="border-after-red bg-after-red">10 Dec</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="19/01/2015" class="border-after-red bg-after-red">29 Jan</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="03/03/2015" class="border-after-red bg-after-red">3 Mar</a>
                                                                    </li>
                                                                </ol>
                                                                <span class="filling-line bg-red" aria-hidden="true"></span>
                                                            </div>
                                                            <!-- .events -->
                                                        </div>
                                                        <!-- .events-wrapper -->
                                                        <ul class="cd-timeline-navigation mt-ht-nav-icon">
                                                            <li>
                                                                <a href="#0" class="prev inactive btn btn-outline red md-skip">
                                                                    <i class="fa fa-chevron-left"></i>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="#0" class="next btn btn-outline red md-skip">
                                                                    <i class="fa fa-chevron-right"></i>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                        <!-- .cd-timeline-navigation -->
                                                    </div>
                                                    <!-- .timeline -->
                                                    <div class="events-content">
                                                        <ol>
                                                            <li class="selected" data-date="16/01/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">New User</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_3.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Andres Iniesta</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">16 January 2014 : 7:45 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, mi felis, aliquam at iaculis mi felis, aliquam
                                                                        at iaculis finibus eu ex. Integer efficitur tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non est rhoncus volutpat.</p>
                                                                    <a href="javascript:;" class="btn btn-circle red btn-outline">Read More</a>
                                                                    <a href="javascript:;" class="btn btn-circle btn-icon-only blue">
                                                                        <i class="fa fa-plus"></i>
                                                                    </a>
                                                                    <a href="javascript:;" class="btn btn-circle btn-icon-only green pull-right">
                                                                        <i class="fa fa-twitter"></i>
                                                                    </a>
                                                                </div>
                                                            </li>
                                                            <li data-date="28/02/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Sending Shipment</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_3.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Hugh Grant</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">28 February 2014 : 10:15 AM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, finibus eu ex. Integer efficitur leo eget dolor
                                                                        tincidunt, et dignissim risus lacinia. Nam in egestas nunc. Suspendisse potenti. Cras ullamcorper tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non
                                                                        est rhoncus volutpat. Nullam interdum, neque quis vehicula ornare, lacus elit dignissim purus, quis ultrices erat tortor eget felis. Cras commodo id massa at condimentum. Praesent dignissim luctus
                                                                        risus sed sodales.</p>
                                                                    <a href="javascript:;" class="btn btn-circle btn-outline green-jungle">Download Shipment List</a>
                                                                    <div class="btn-group dropup pull-right">
                                                                        <button class="btn btn-circle blue-steel dropdown-toggle" type="button" data-toggle="dropdown" data-hover="dropdown" data-close-others="true" aria-expanded="false"> Actions
                                                                            <i class="fa fa-angle-down"></i>
                                                                        </button>
                                                                        <ul class="dropdown-menu pull-right" role="menu">
                                                                            <li>
                                                                                <a href="javascript:;">Action </a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="javascript:;">Another action </a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="javascript:;">Something else here </a>
                                                                            </li>
                                                                            <li class="divider"> </li>
                                                                            <li>
                                                                                <a href="javascript:;">Separated link </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li data-date="20/04/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Blue Chambray</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_1.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue">Rory Matthew</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">20 April 2014 : 10:45 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, finibus eu ex. Integer efficitur leo eget dolor
                                                                        tincidunt, et dignissim risus lacinia. Nam in egestas nunc. Suspendisse potenti. Cras ullamcorper tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non
                                                                        est rhoncus volutpat. Nullam interdum, neque quis vehicula ornare, lacus elit dignissim purus, quis ultrices erat tortor eget felis. Cras commodo id massa at condimentum. Praesent dignissim luctus
                                                                        risus sed sodales.</p>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis
                                                                        qui ut. laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut. </p>
                                                                    <a href="javascript:;" class="btn btn-circle red">Read More</a>
                                                                </div>
                                                            </li>
                                                            <li data-date="20/05/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Timeline Received</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_2.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Andres Iniesta</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">20 May 2014 : 12:20 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, finibus eu ex. Integer efficitur leo eget dolor
                                                                        tincidunt, et dignissim risus lacinia. Nam in egestas nunc. Suspendisse potenti. Cras ullamcorper tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non
                                                                        est rhoncus volutpat. Nullam interdum, neque quis vehicula ornare, lacus elit dignissim purus, quis ultrices erat tortor eget felis. Cras commodo id massa at condimentum. Praesent dignissim luctus
                                                                        risus sed sodales.</p>
                                                                    <a href="javascript:;" class="btn btn-circle green-turquoise">Read More</a>
                                                                </div>
                                                            </li>
                                                            <li data-date="09/07/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Event Success</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_1.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Matt Goldman</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">9 July 2014 : 8:15 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde.</p>
                                                                    <a href="javascript:;" class="btn btn-circle btn-outline purple-medium">View Summary</a>
                                                                    <div class="btn-group dropup pull-right">
                                                                        <button class="btn btn-circle green dropdown-toggle" type="button" data-toggle="dropdown" data-hover="dropdown" data-close-others="true" aria-expanded="false"> Actions
                                                                            <i class="fa fa-angle-down"></i>
                                                                        </button>
                                                                        <ul class="dropdown-menu pull-right" role="menu">
                                                                            <li>
                                                                                <a href="javascript:;">Action </a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="javascript:;">Another action </a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="javascript:;">Something else here </a>
                                                                            </li>
                                                                            <li class="divider"> </li>
                                                                            <li>
                                                                                <a href="javascript:;">Separated link </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li data-date="30/08/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Conference Call</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_1.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Rory Matthew</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">30 August 2014 : 5:45 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <img class="timeline-body-img pull-left" src="assets/pages/media/blog/5.jpg" alt="">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis
                                                                        qui ut. laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut. </p>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis
                                                                        qui ut. laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut. </p>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis
                                                                        qui ut. laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut. </p>
                                                                    <a href="javascript:;" class="btn btn-circle red">Read More</a>
                                                                </div>
                                                            </li>
                                                            <li data-date="15/09/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Conference Decision</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_5.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Jessica Wolf</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">15 September 2014 : 8:30 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <img class="timeline-body-img pull-right" src="assets/pages/media/blog/6.jpg" alt="">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis
                                                                        qui ut.</p>
                                                                    <a href="javascript:;" class="btn btn-circle green-sharp">Read More</a>
                                                                </div>
                                                            </li>
                                                            <li data-date="01/11/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Timeline Received</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_2.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Andres Iniesta</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">1 November 2014 : 12:20 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, finibus eu ex. Integer efficitur leo eget dolor
                                                                        tincidunt, et dignissim risus lacinia. Nam in egestas nunc. Suspendisse potenti. Cras ullamcorper tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non
                                                                        est rhoncus volutpat. Nullam interdum, neque quis vehicula ornare, lacus elit dignissim purus, quis ultrices erat tortor eget felis. Cras commodo id massa at condimentum. Praesent dignissim luctus
                                                                        risus sed sodales.</p>
                                                                    <a href="javascript:;" class="btn btn-circle green-turquoise">Read More</a>
                                                                </div>
                                                            </li>
                                                            <li data-date="10/12/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Timeline Received</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_2.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Andres Iniesta</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">10 December 2015 : 12:20 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, finibus eu ex. Integer efficitur leo eget dolor
                                                                        tincidunt, et dignissim risus lacinia. Nam in egestas nunc. Suspendisse potenti. Cras ullamcorper tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non
                                                                        est rhoncus volutpat. Nullam interdum, neque quis vehicula ornare, lacus elit dignissim purus, quis ultrices erat tortor eget felis. Cras commodo id massa at condimentum. Praesent dignissim luctus
                                                                        risus sed sodales.</p>
                                                                    <a href="javascript:;" class="btn btn-circle green-turquoise">Read More</a>
                                                                </div>
                                                            </li>
                                                            <li data-date="19/01/2015">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Timeline Received</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_2.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Andres Iniesta</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">19 January 2015 : 12:20 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, finibus eu ex. Integer efficitur leo eget dolor
                                                                        tincidunt, et dignissim risus lacinia. Nam in egestas nunc. Suspendisse potenti. Cras ullamcorper tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non
                                                                        est rhoncus volutpat. Nullam interdum, neque quis vehicula ornare, lacus elit dignissim purus, quis ultrices erat tortor eget felis. Cras commodo id massa at condimentum. Praesent dignissim luctus
                                                                        risus sed sodales.</p>
                                                                    <a href="javascript:;" class="btn btn-circle green-turquoise">Read More</a>
                                                                </div>
                                                            </li>
                                                            <li data-date="03/03/2015">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Timeline Received</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_2.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Andres Iniesta</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">3 March 2015 : 12:20 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, finibus eu ex. Integer efficitur leo eget dolor
                                                                        tincidunt, et dignissim risus lacinia. Nam in egestas nunc. Suspendisse potenti. Cras ullamcorper tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non
                                                                        est rhoncus volutpat. Nullam interdum, neque quis vehicula ornare, lacus elit dignissim purus, quis ultrices erat tortor eget felis. Cras commodo id massa at condimentum. Praesent dignissim luctus
                                                                        risus sed sodales.</p>
                                                                    <a href="javascript:;" class="btn btn-circle green-turquoise">Read More</a>
                                                                </div>
                                                            </li>
                                                        </ol>
                                                    </div>
                                                    <!-- .events-content -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-xs-12 col-sm-12">
                                        <div class="portlet light portlet-fit ">
                                            <div class="portlet-title">
                                                <div class="caption">
                                                    <i class="icon-directions font-green hide"></i>
                                                    <span class="caption-subject bold font-dark uppercase"> Events</span>
                                                    <span class="caption-helper">Horizontal Timeline</span>
                                                </div>
                                                <div class="actions">
                                                    <div class="btn-group btn-group-devided" data-toggle="buttons">
                                                        <label class="btn green btn-outline btn-circle btn-sm active">
                                                            <input type="radio" name="options" class="toggle" id="option1">Actions</label>
                                                        <label class="btn  green btn-outline btn-circle btn-sm">
                                                            <input type="radio" name="options" class="toggle" id="option2">Tools</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="portlet-body">
                                                <div class="cd-horizontal-timeline mt-timeline-horizontal" data-spacing="60">
                                                    <div class="timeline mt-timeline-square">
                                                        <div class="events-wrapper">
                                                            <div class="events">
                                                                <ol>
                                                                    <li>
                                                                        <a href="#0" data-date="16/01/2014" class="border-after-blue bg-after-blue selected">Expo 2016</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="28/02/2014" class="border-after-blue bg-after-blue">New Promo</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="20/04/2014" class="border-after-blue bg-after-blue">Meeting</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="20/05/2014" class="border-after-blue bg-after-blue">Launch</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="09/07/2014" class="border-after-blue bg-after-blue">Party</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="30/08/2014" class="border-after-blue bg-after-blue">Reports</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="15/09/2014" class="border-after-blue bg-after-blue">HR</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="01/11/2014" class="border-after-blue bg-after-blue">IPO</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="10/12/2014" class="border-after-blue bg-after-blue">Board</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="19/01/2015" class="border-after-blue bg-after-blue">Revenue</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#0" data-date="03/03/2015" class="border-after-blue bg-after-blue">Dinner</a>
                                                                    </li>
                                                                </ol>
                                                                <span class="filling-line bg-blue" aria-hidden="true"></span>
                                                            </div>
                                                            <!-- .events -->
                                                        </div>
                                                        <!-- .events-wrapper -->
                                                        <ul class="cd-timeline-navigation mt-ht-nav-icon">
                                                            <li>
                                                                <a href="#0" class="prev inactive btn blue md-skip">
                                                                    <i class="fa fa-chevron-left"></i>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="#0" class="next btn blue md-skip">
                                                                    <i class="fa fa-chevron-right"></i>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                        <!-- .cd-timeline-navigation -->
                                                    </div>
                                                    <!-- .timeline -->
                                                    <div class="events-content">
                                                        <ol>
                                                            <li class="selected" data-date="16/01/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Expo 2016 Launch</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_2.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Lisa Bold</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">23 February 2014</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod mi felis, aliquam at iaculis eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis mi felis, aliquam at
                                                                        iaculis eu, onsectetur adipiscing elit finibus eu ex. Integer efficitur leo eget dolor tincidunt, et dignissim risus lacinia. Nam in egestas onsectetur adipiscing elit nunc. Suspendisse potenti</p>
                                                                    <a href="javascript:;" class="btn btn-circle dark btn-outline">Read More</a>
                                                                    <a href="javascript:;" class="btn btn-circle btn-icon-only green pull-right">
                                                                        <i class="fa fa-twitter"></i>
                                                                    </a>
                                                                </div>
                                                            </li>
                                                            <li data-date="28/02/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Sending Shipment</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_3.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Hugh Grant</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">28 February 2014 : 10:15 AM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, finibus eu ex. Integer efficitur leo eget dolor
                                                                        tincidunt, et dignissim risus lacinia. Nam in egestas nunc. Suspendisse potenti. Cras ullamcorper tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non
                                                                        est rhoncus volutpat. Nullam interdum, neque quis vehicula ornare, lacus elit dignissim purus, quis ultrices erat tortor eget felis. Cras commodo id massa at condimentum. Praesent dignissim luctus
                                                                        risus sed sodales.</p>
                                                                    <a href="javascript:;" class="btn btn-circle btn-outline green-jungle">Download Shipment List</a>
                                                                    <div class="btn-group dropup pull-right">
                                                                        <button class="btn btn-circle blue-steel dropdown-toggle" type="button" data-toggle="dropdown" data-hover="dropdown" data-close-others="true" aria-expanded="false"> Actions
                                                                            <i class="fa fa-angle-down"></i>
                                                                        </button>
                                                                        <ul class="dropdown-menu pull-right" role="menu">
                                                                            <li>
                                                                                <a href="javascript:;">Action </a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="javascript:;">Another action </a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="javascript:;">Something else here </a>
                                                                            </li>
                                                                            <li class="divider"> </li>
                                                                            <li>
                                                                                <a href="javascript:;">Separated link </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li data-date="20/04/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Blue Chambray</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_1.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue">Rory Matthew</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">20 April 2014 : 10:45 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, finibus eu ex. Integer efficitur leo eget dolor
                                                                        tincidunt, et dignissim risus lacinia. Nam in egestas nunc. Suspendisse potenti. Cras ullamcorper tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non
                                                                        est rhoncus volutpat. Nullam interdum, neque quis vehicula ornare, lacus elit dignissim purus, quis ultrices erat tortor eget felis. Cras commodo id massa at condimentum. Praesent dignissim luctus
                                                                        risus sed sodales.</p>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis
                                                                        qui ut. laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut. </p>
                                                                    <a href="javascript:;" class="btn btn-circle red">Read More</a>
                                                                </div>
                                                            </li>
                                                            <li data-date="20/05/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Timeline Received</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_2.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Andres Iniesta</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">20 May 2014 : 12:20 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, finibus eu ex. Integer efficitur leo eget dolor
                                                                        tincidunt, et dignissim risus lacinia. Nam in egestas nunc. Suspendisse potenti. Cras ullamcorper tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non
                                                                        est rhoncus volutpat. Nullam interdum, neque quis vehicula ornare, lacus elit dignissim purus, quis ultrices erat tortor eget felis. Cras commodo id massa at condimentum. Praesent dignissim luctus
                                                                        risus sed sodales.</p>
                                                                    <a href="javascript:;" class="btn btn-circle green-turquoise">Read More</a>
                                                                </div>
                                                            </li>
                                                            <li data-date="09/07/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Event Success</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_1.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Matt Goldman</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">9 July 2014 : 8:15 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde.</p>
                                                                    <a href="javascript:;" class="btn btn-circle btn-outline purple-medium">View Summary</a>
                                                                    <div class="btn-group dropup pull-right">
                                                                        <button class="btn btn-circle green dropdown-toggle" type="button" data-toggle="dropdown" data-hover="dropdown" data-close-others="true" aria-expanded="false"> Actions
                                                                            <i class="fa fa-angle-down"></i>
                                                                        </button>
                                                                        <ul class="dropdown-menu pull-right" role="menu">
                                                                            <li>
                                                                                <a href="javascript:;">Action </a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="javascript:;">Another action </a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="javascript:;">Something else here </a>
                                                                            </li>
                                                                            <li class="divider"> </li>
                                                                            <li>
                                                                                <a href="javascript:;">Separated link </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li data-date="30/08/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Conference Call</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_1.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Rory Matthew</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">30 August 2014 : 5:45 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <img class="timeline-body-img pull-left" src="assets/pages/media/blog/5.jpg" alt="">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis
                                                                        qui ut. laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut. </p>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis
                                                                        qui ut. laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut. </p>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis
                                                                        qui ut. laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut. </p>
                                                                    <a href="javascript:;" class="btn btn-circle red">Read More</a>
                                                                </div>
                                                            </li>
                                                            <li data-date="15/09/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Conference Decision</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_5.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Jessica Wolf</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">15 September 2014 : 8:30 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <img class="timeline-body-img pull-right" src="assets/pages/media/blog/6.jpg" alt="">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis
                                                                        qui ut.</p>
                                                                    <a href="javascript:;" class="btn btn-circle green-sharp">Read More</a>
                                                                </div>
                                                            </li>
                                                            <li data-date="01/11/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Timeline Received</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_2.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Andres Iniesta</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">1 November 2014 : 12:20 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, finibus eu ex. Integer efficitur leo eget dolor
                                                                        tincidunt, et dignissim risus lacinia. Nam in egestas nunc. Suspendisse potenti. Cras ullamcorper tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non
                                                                        est rhoncus volutpat. Nullam interdum, neque quis vehicula ornare, lacus elit dignissim purus, quis ultrices erat tortor eget felis. Cras commodo id massa at condimentum. Praesent dignissim luctus
                                                                        risus sed sodales.</p>
                                                                    <a href="javascript:;" class="btn btn-circle green-turquoise">Read More</a>
                                                                </div>
                                                            </li>
                                                            <li data-date="10/12/2014">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Timeline Received</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_2.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Andres Iniesta</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">10 December 2014 : 12:20 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, finibus eu ex. Integer efficitur leo eget dolor
                                                                        tincidunt, et dignissim risus lacinia. Nam in egestas nunc. Suspendisse potenti. Cras ullamcorper tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non
                                                                        est rhoncus volutpat. Nullam interdum, neque quis vehicula ornare, lacus elit dignissim purus, quis ultrices erat tortor eget felis. Cras commodo id massa at condimentum. Praesent dignissim luctus
                                                                        risus sed sodales.</p>
                                                                    <a href="javascript:;" class="btn btn-circle green-turquoise">Read More</a>
                                                                </div>
                                                            </li>
                                                            <li data-date="19/01/2015">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Timeline Received</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_2.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Andres Iniesta</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">19 January 2015 : 12:20 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, finibus eu ex. Integer efficitur leo eget dolor
                                                                        tincidunt, et dignissim risus lacinia. Nam in egestas nunc. Suspendisse potenti. Cras ullamcorper tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non
                                                                        est rhoncus volutpat. Nullam interdum, neque quis vehicula ornare, lacus elit dignissim purus, quis ultrices erat tortor eget felis. Cras commodo id massa at condimentum. Praesent dignissim luctus
                                                                        risus sed sodales.</p>
                                                                    <a href="javascript:;" class="btn btn-circle green-turquoise">Read More</a>
                                                                </div>
                                                            </li>
                                                            <li data-date="03/03/2015">
                                                                <div class="mt-title">
                                                                    <h2 class="mt-content-title">Timeline Received</h2>
                                                                </div>
                                                                <div class="mt-author">
                                                                    <div class="mt-avatar">
                                                                        <img src="assets/pages/media/users/avatar80_2.jpg" />
                                                                    </div>
                                                                    <div class="mt-author-name">
                                                                        <a href="javascript:;" class="font-blue-madison">Andres Iniesta</a>
                                                                    </div>
                                                                    <div class="mt-author-datetime font-grey-mint">3 March 2015 : 12:20 PM</div>
                                                                </div>
                                                                <div class="clearfix"></div>
                                                                <div class="mt-content border-grey-steel">
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod eleifend ipsum, at posuere augue. Pellentesque mi felis, aliquam at iaculis eu, finibus eu ex. Integer efficitur leo eget dolor
                                                                        tincidunt, et dignissim risus lacinia. Nam in egestas nunc. Suspendisse potenti. Cras ullamcorper tincidunt malesuada. Sed sit amet molestie elit, vel placerat ipsum. Ut consectetur odio non
                                                                        est rhoncus volutpat. Nullam interdum, neque quis vehicula ornare, lacus elit dignissim purus, quis ultrices erat tortor eget felis. Cras commodo id massa at condimentum. Praesent dignissim luctus
                                                                        risus sed sodales.</p>
                                                                    <a href="javascript:;" class="btn btn-circle green-turquoise">Read More</a>
                                                                </div>
                                                            </li>
                                                        </ol>
                                                    </div>
                                                    <!-- .events-content -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                    <!-- BEGIN PAGE HEADER-->
                    <!-- BEGIN THEME PANEL -->

                    <!-- END THEME PANEL -->

                    <!--<div id="tabs2">-->
                        <!--<div class="page-bar">-->
                            <!--<ul class="page-breadcrumb nav nav-tabs" role="tablist">-->
                                <!--<li role="presentation">-->
                                    <!--<i class="icon-home"></i>-->
                                    <!--<a href="index.html" aria-controls="home" role="tab" data-toggle="tab">首页</a>-->
                                    <!--<i class="fa fa-angle-right"></i>-->
                                <!--</li>-->
                            <!--</ul>-->
                        <!--</div>-->
                        <!--&lt;!&ndash; Tab panes &ndash;&gt;-->
                        <!--<div class="tab-content">-->
                            <!--<div role="tabpanel" class="tab-pane active" id="home1">-->
                                <!--&lt;!&ndash; END PAGE HEADER&ndash;&gt;-->

                            <!--</div>-->
                        <!--</div>-->

                    <!--</div>-->


                </div>
            </div>
            <!-- END QUICK SIDEBAR -->
        </div>
        <!-- END CONTAINER -->
        <!-- BEGIN FOOTER -->
        <div class="page-footer">
            <div class="page-footer-inner"> 2017 &copy; QiYu Admin By
                <a target="_blank" href="">zhangqing</a>
                <div class="scroll-to-top">
                    <i class="icon-arrow-up"></i>
                </div>
            </div>
            <!-- END FOOTER -->
            <!-- BEGIN QUICK NAV -->
            <nav class="quick-nav">
                <a class="quick-nav-trigger" href="#0">
                    <span aria-hidden="true"></span>
                </a>
                <ul>
                    <li>
                        <a href="" target="_blank" class="active">
                            <span>购物车</span>
                            <i class="icon-basket"></i>
                        </a>
                    </li>
                    <li>
                        <a href="" target="_blank">
                            <span>用户</span>
                            <i class="icon-users"></i>
                        </a>
                    </li>
                    <li>
                        <a href="" target="_blank">
                            <span>日志</span>
                            <i class="icon-user"></i>
                        </a>
                    </li>
                    <li>
                        <a href="" target="_blank">
                            <span>设置</span>
                            <i class="icon-graph"></i>
                        </a>
                    </li>
                </ul>
                <span aria-hidden="true" class="quick-nav-bg"></span>
            </nav>
            <div class="quick-nav-overlay"></div>
        </div>

        <div th:include="/common/onload_js :: onloadJS"></div>
        <script th:src="@{/assets/global/plugins/layer/layer.js}" type="text/javascript"></script>
        <script type="text/javascript" th:src="@{/assets/global/plugins/bootstrap-addtabs/bootstrap.addtabs.js}"></script>
        <script th:src="@{/assets/global/scripts/date-util.js}" type="text/javascript"></script>
        <script th:src="@{/assets/layouts/layout2/scripts/layout.min.js}" type="text/javascript"></script>
        <script th:src="@{/assets/layouts/global/scripts/quick-sidebar.min.js}" type="text/javascript"></script>
        <script th:src="@{/assets/layouts/global/scripts/quick-nav.min.js}" type="text/javascript"></script>
        <script th:src="@{/assets/global/plugins/counterup/jquery.waypoints.min.js}" type="text/javascript"></script>
        <script th:src="@{/assets/global/plugins/counterup/jquery.counterup.min.js}" type="text/javascript"></script>
        <script th:src="@{/assets/global/plugins/horizontal-timeline/horizontal-timeline.js}" type="text/javascript"></script>
            <!-- END THEME LAYOUT SCRIPTS -->
            <script th:inline="javascript">
                /*<![CDATA[*/
                jQuery(document).ready(function() {
                    QiYuComponents.initIndexLeftMenu(); // init QiYuAdmin Left Menu
                    $("#personalInfo").on("click",function () {//绑定个人信息页面
                        QiYuComponents.layerOpen("配置账户",'1000px','650px',/*[[@{/user/profile/view/{loginName}(loginName=${session.userInfo.id},operator=-1)}]]*/);
                    });
                });
                /*]]>*/
            </script>
    </body>

</html>